/* 基础样式 */
/* Logo样式 */
.logo {
  display: inline-block;
}
.logo img {
  height: 2.5rem;
  /* 根据实际情况调整Logo大小 */
  width: auto;
  /* 保持纵横比 */
  display: inline-block;
  /* 使图像与文本对齐 */
  vertical-align: middle;
  /* 与周围文本对齐垂直方向 */
  margin: 0;
  /* 去掉默认的外边距 */
}
/* 适应移动设备的媒体查询 */
@media (max-width: 768px) {
  .site-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .logo img {
    height: 2rem;
    /* 在移动设备上可能需要调整Logo大小 */
  }
}
